<template >
  <div id="zym">
    <van-nav-bar title left-text left-arrow :fixed="true" @click-left="onClickLeft">
      <van-icon name="arrow-left" slot="left" color="black" size="15px" />
    </van-nav-bar>
    <div id="kfc">
      <h4>客服</h4>
    </div>
    <div id="zj">
      <!-- 投诉 -->
      <div>
        <div id="dd">
          <van-icon name="manager aaa" slot="left" color="darkgray" size="14px" />
          <h5>投诉</h5>
          <van-icon name="arrow aa" slot="right" color="black" size="15px" />
        </div>
        <div id="ddd">
          <p>投诉</p>
        </div>
      </div>
    </div>
    <van-submit-bar button-text="联系客服">
      <!-- @submit="onSubmit" -->
      <p id="lx">如需更多帮助，请在线联系客服</p>
    </van-submit-bar>
  </div>
</template>


<script>
export default {
  name: "Tsfb",
  data() {
    return {
      active: 0
    };
  },
  methods: {
    onClickLeft() {
        this.$router.go(-1);
    
    },
    onClickRight() {
      Toast("按钮");
    }
  },
};
</script>


<style scoped>
* {
  margin: 0;
  padding: 0;
}
#zym {
  box-sizing: border-box;
}
#zj {
  margin-bottom: 50px;
  overflow: auto;
}
#kfc{margin-top:76px;}
#kfc h4 {
  font-size: 20px;
  text-align: left;
  margin-left: 30px;
   color:black;
}
#dd {
  width: 100%;
}
.van-icon-manager {
  float: left;
}
#dd {
  float: left;
  margin-top: 25px;
}
#dd h5 {
  float: left;
  font-size: 14px;
  margin-left: 8px;
}
.aa {
  float: right;
  margin-right: 15px;
}
.aaa {
  margin-left: 14px;
}
#ddd {
  float: left;
  text-align: left;
}
#ddd p {
  font-size: 14px;
  color: #707070;
  margin-left: 39px;
  margin-top: 5px;
}
.van-tabbar {
  height: 45px;
}
.van-button--danger {
  background: #ff8b03;
  border: 0;
 
}
.van-submit-bar__bar{float:left;display: flex;justify-content: space-between;width:100%}
#lx {
  font-size: 14px;
  float:left;
  margin-left: 16px;
}
</style>
